body {
    background-color: #fff;
}

.opportunity-head {
    width: 18.75rem;
    height: 8.6rem;

    img {
        width: 18.75rem;
        height: 4.3rem;
    }

    .opportunity-set {
        position: absolute;
        right: .75rem;
        top: 0;
        display: inline-flex;
        align-items: center;
        width: 4.55rem;
        height: 1.3rem;
        line-height: 1.3rem;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 26px;

        img {
            width: .7rem;
            height: .7rem;
            margin-left: .5rem;
            margin-right: .25rem;
        }

        span {
            font-size: 0.65rem;
            color: #141C30;
        }
    }


    .head-box {
        position: relative;
        margin: -2.6rem auto 0;
        display: flex;
        justify-content: space-between;
        border-radius: .25rem;
        background-color: #fff;
        width: 17.25rem;
        height: 6.85rem;
        box-shadow: 0 0 .2rem 0 rgba(176, 176, 176, 0.30);

        .head-box-left {
            margin-left: .75rem;

            .left-title {
                margin-top: 0.85rem;
                color: #121C32;
                font-size: 0.65rem;
            }

            .left-count {
                margin-top: 0.65rem;
                color: #FE6E06;
                font-size: 1.5rem;
                font-weight: 600;

                span {
                    font-size: 0.65rem;
                    font-weight: normal;
                }
            }

            .left-no-check {
                margin-top: 0.8rem;
                color: #5C687E;
                font-size: 0.65rem;
            }
        }

        .head-box-right {
            margin-top: 1.15rem;
            margin-right: 1.75rem;

            img {
                width: 4.6rem;
                height: 4.6rem;
            }
        }
    }
}

.scroller-block {
    position: absolute;
    top: 8.75rem;
    height: 75%;
    width: 100%;
}

.opportunity-list {
    margin: .5rem .6rem;

    .one {
        display: flex;
        justify-content: space-between;
        height: 1rem;
        line-height: 1rem;

        .one-left {
            display: flex;
            align-items: center;

            .name {
                font-size: 0.9rem;
                color: #141C30;
                font-weight: bold;
            }

            .label {
                height: 0.85rem;
                width: 1.85rem;
                margin-left: 0.5rem;
            }

            .redDot {
                margin-left: 0.5rem;
                height: 0.45rem;
                width: 0.45rem;
                border-radius: 50%;
                background-color: #FF4340;
            }
        }

        .one-right {
            font-size: 0.6rem;
            color: #999;
        }

    }

    .two {
        margin-top: .65rem;

        p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 0.75rem;
            color: #5C687E;

            .two-type {
                color: #333333;
                margin: 0 0.3rem;
            }
        }
    }

    .three {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: .75rem;

        .three-left {
            font-size: 0.6rem;
            color: #999;
        }

        .three-right {
            display: flex;
            align-items: center;
            width: 4.15rem;
            height: 1.1rem;
            line-height: 1.1rem;
            border: 1px solid #FE6E06;
            border-radius: 0.15rem;

            img {
                width: 0.5rem;
                height: 0.5rem;
                margin-left: 0.4rem;
            }

            span {
                font-size: 0.65rem;
                color: #FE6E06;
                margin-left: 0.25rem;
            }
        }
    }

    .four {
        position: relative;
        margin-top: .85rem;
        padding: 0.5rem 0.75rem;
        background-color: #F6F6F6;

        p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 0.65rem;
            color: #999;
        }
    }

    .four::after {
        content: ''; //必须有
        width: 0.6rem;
        height: 0.55rem; //三角大小                                                
        border: 0.025rem solid #F6F6F6;
        background-color: #F6F6F6;
        transform: rotate(45deg); //顺时针旋转45°                   
        position: absolute; //定位
        top: -0.25rem;
        right: 1.4rem;

    }

    .five {
        margin-top: 0.75rem;

        p {
            height: 0.05rem;
            background-color: #E9E9E9;
        }
    }
}

.has-pointer {
    cursor: pointer;
}
